<template>
  <el-menu
        active-text-color="#ffd04b"
        background-color="#545c64"
        class="asider-style"
        default-active="2"
        text-color="#fff"
        @open="handleOpen"
        @close="handleClose"
        :collapse="ContStore.isCollapse"
        > 
        <p style="font-size: 23px;color: white; text-align: center;">{{ ContStore.isCollapse ? 'qiqi陪诊' : 'qiqi陪诊系统'}}</p>
        <Menu :routers="routers"></Menu>
      </el-menu>
</template>

<script setup  name="asider">

import Menu from './Menum.vue'
import { useRouter } from 'vue-router';
import { reactive } from 'vue';
import useCountStore from'../m-store/stroe'

  const ContStore=useCountStore() 
  console.log(ContStore.$state.isCollapse);





const router=useRouter()
const routers=reactive(router.options.routes[0].children)

function handleOpen(){

}
function handleClose(){
    
} 
</script>

<style scoped>
.asider-style{
  height: 100%;
}

</style>